<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="pragram" content="no-cache"/>
    <meta http-equiv="cache-control" content="no-cache, must-revalidate"/>
    <meta http-equiv="expires" content="0"/>
    <meta name="renderer" content="webkit"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>客户管理</title>

    <link rel="stylesheet" href="/assets/css/lib/pagination.css">
    <link rel="stylesheet" href="/assets/css/lib/bootstrap.min.css">
    <link rel="stylesheet" href="/assets/css/common.css">
    <link rel="stylesheet" href="/assets/css/client_manage.css">

</head>
<body>
<div id="cms">
    <jsp:include page="title_bar.jsp"/>
    <jsp:include page="tab_bar.jsp"/>
    <div class="cms-content">
        <div class="current-place">
            <div class="place-title">当前位置:</div>
            <div class="place-val">首页/客户管理</div>
        </div>
        <div class="seek-box">
            <div class="common-title">
                <div class="common-left-line"></div>
                <div class="common-text">条件查询</div>
            </div>
            <div class="seek-content">
                <div class="seek-group">
                    <div class="seek-unit">
                        <span class="seek-unit-left">客户姓名</span>
                        <div class="seek-unit-right">
                            <input type="text" class="form-control client-name">
                        </div>
                    </div>
                    <div class="seek-unit">
                        <span class="seek-unit-left">手机号码</span>
                        <div class="seek-unit-right">
                            <input type="text" class="form-control phone-num">
                        </div>
                    </div>
                    <div class="seek-unit">
                        <span class="seek-unit-left">手机号归属地</span>
                        <div class="seek-unit-right">
                            <div id="distpicker1" class="distpicker">
                                <div class="form-group">
                                    <select class="form-control province"></select>
                                </div>
                                <div class="form-group">
                                    <select class="form-control city"></select>
                                </div>
                                <div class="form-group">
                                    <select class="form-control district"></select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="seek-group">
                    <div class="seek-unit">
                        <span class="seek-unit-left">当前专属律师</span>
                        <div class="seek-unit-right">
                            <input type="text" class="form-control current-lawyer">
                        </div>
                    </div>
                    <div class="seek-unit">
                        <span class="seek-unit-left">咨询总次数</span>
                        <div class="seek-unit-right">
                            <input type="text" class="form-control start-num">
                            <span>-</span>
                            <input type="text" class="form-control end-num">
                        </div>
                    </div>
                </div>
                <div class="seek-group">
                    <div class="seek-unit">
                        <span class="seek-unit-left">账号创建时间</span>
                        <div class="seek-unit-right">
                            <input type="text" class="Wdate " id="create-start"/>
                            <span>-</span>
                            <input type="text" class="Wdate " id="create-end"/>
                        </div>
                    </div>
                    <div class="seek-unit">
                        <span class="seek-unit-left">首次咨询时间</span>
                        <div class="seek-unit-right">
                            <input type="text" class="Wdate " id="first-consult-start"/>
                            <span>-</span>
                            <input type="text" class="Wdate " id="first-consult-end"/>
                        </div>
                    </div>
                    <div class="seek-unit">
                        <span class="seek-unit-left">末次咨询时间</span>
                        <div class="seek-unit-right">
                            <input type="text" class="Wdate " id="last-consult-start" date="true"/>
                            <span>-</span>
                            <input type="text" class="Wdate " id="last-consult-end" date="true"/>
                        </div>
                    </div>
                    <div class="seek-unit">
                        <div class="seek-unit-left seek-btn">
                            查询
                        </div>
                        <div class="seek-unit-right seek-clear">
                            清空条件
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <div class="table-box">
            <table class="table table-bordered" id="table1">
                <thead>
                <tr>
                    <th></th>
                    <th>姓名</th>
                    <th>手机号</th>
                    <th>手机号归属地</th>
                    <th class="create-time  isdown sequence" pxzd="create_time">
                        <span>账号创建时间</span>
                        <img src="/assets/images/up.png" class="up">
                        <img src="/assets/images/down.png" class="down">
                        <img src="/assets/images/default_status.png" class="default">
                    </th>
                    <th class="first-consult-time sequence" pxzd="first_time">
                        <span>首次咨询时间</span>
                        <img src="/assets/images/up.png" class="up">
                        <img src="/assets/images/down.png" class="down">
                        <img src="/assets/images/default_status.png" class="default">

                    </th>
                    <th class="last-consult-time  sequence" pxzd="last_time">
                        <span>末次咨询时间</span>
                        <img src="/assets/images/up.png" class="up">
                        <img src="/assets/images/down.png" class="down">
                        <img src="/assets/images/default_status.png" class="default">
                    </th>
                    <th>当前专属律师</th>
                    <th>咨询总次数</th>
                    <th>
                        <select class="form-control client-status">
                            <option value="">全部</option>
                            <option value="1">正常</option>
                            <option value="2">冻结</option>
                        </select>
                    </th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody id="tbody1">

                </tbody>

                <script id="list1" type="text/html">
                    <!for(k in result){
                    var v=result[k];
                    !>
                    <tr>
                        <td><input type="checkbox" class="check-unit"/></td>
                        <td class="uname"><a href="/user/showDetail?uid=<!=v.userid!>"><!=v.uname!></a></td>
                        <td class="uphone"><!=v.uphone!></td>
                        <td class="uphoneArea"><!=v.uphoneArea!></td>
                        <td class="createTime"><!=v.createTime!></td>
                        <td class="firstTime" pxzd="tcStarTime"><!=v.firstTime!></td>
                        <td class="lastTime" pxzd="tcEndTime"><!=v.lastTime!></td>
                        <td class="lawyername"><a href="/lawyer/findLawyerDetailInfo?lawyerid=<!=v.lawyerid!>"><!=v.lawyername!></a>
                        </td>
                        <td class="atimes"><!=v.atimes!></td>
                        <td class="ustates"><!=v.ustatesStr!></td>
                        <td class="userid" style='display:none'><!=v.userid!></td>
                        <td class="operate">

                            <!if(role==0){!>

                            <div class="edit-btn"
                                 data-value="<!=v.userid!>"
                                 id-value="<!=v.userid!>"
                                 onclick="edit_btn_show(this)">编辑
                            </div>

                            <!}!>

                        </td>
                    </tr>
                    <!}!>
                </script>


            </table>

            <div class="table-bottom clearfix">
                <div class="check-all">
                    <input type="checkbox" id="check-all">
                    <label for="check-all">全选</label>
                </div>
                <div class="freeze" name="roleMenu">批量冻结</div>
                <div class="unfreeze" name="roleMenu">批量解冻</div>
                <div id="Pagination" class="pagination"><!-- 这里显示分页--></div><span id="currentCount"    ></span>
            </div>
        </div>

    </div>
</div>

<div class="cms-modal-ms" id="freeze-info">
    <div class="cms-modal-dialog">
        <div class="cms-modal-title">操作提醒</div>
        <div class="cms-madal-content">
            <div class="freeze-quesition"> 确定要将选中的12个用户冻结吗?</div>
            <div class="freeze-info">冻结后客户将不能实现咨询、关注律师、更换专属律师 、充值等功能。</div>
        </div>
        <div class="cms-modal-bottom">
            <button type="button" class="cms-confirm freeze-confirm">确定</button>
            <button type="button" class="cms-cancel freeze-cancel">取消</button>
        </div>
    </div>
</div>
<div class="cms-modal-lg" id='edit-material'>
    <div class="cms-modal-dialog">
        <div class="cms-modal-title" id="bjxx">编辑信息</div>
        <div class="cms-madal-content">
            <div class="state-unit">
                <div class="two-stage">
                    <div class="state-left">姓名</div>
                    <div class="state-right">
                        <input type="text" class="form-control edit-client-name" id="uname_input" maxlength="20"  readonly
                               required="true">
                    </div>
                </div>
                <div class="two-stage" style="display: none">
                    <div class="state-left">userid</div>
                    <div class="state-right userid_input" id="userid_input"></div>
                </div>

            </div>
            <div class="state-unit">
                <div class="two-stage">
                    <div class="state-left">手机号</div>
                    <div class="state-right edit-client-phone" id="uphone_input"></div>
                </div>
            </div>
            <div class="two-stage">
                <div class="state-left">状态</div>
                <div class="state-right">
                    <select class="edit-client-status2 form-control" id="ustates_edit" required="true">
                        <option value=1>正常</option>
                        <option value=2>冻结</option>
                    </select>
                </div>
            </div>
            <div>状态修改为冻结后客户将不能实现咨询、关注律师、更 换专属律师、充值等行为。</div>
        </div>
        <div class="cms-modal-bottom">
            <button type="button" class="cms-confirm edit-confirm" onclick="edit_confirm(this)">确定</button>
            <button type="button" class="cms-cancel edit-cancel" onclick="edit_cancel()">取消</button>
        </div>
    </div>
</div>
</div>

</body>
<script type="text/javascript" src="/assets/js/lib/jquery-1.12.3.js"></script>
<script type="text/javascript" src="/assets/js/lib/jquery.validate.js"></script>
<script type="text/javascript" src="/assets/js/lib/jquery.validate.messages_cn.js"></script>

<script type="text/javascript" src="/assets/js/lib/bootstrap.min.js"></script>
<script type="text/javascript" src="/assets/js/lib/modal.js"></script>
<script type="text/javascript" src="/assets/js/lib/cmsmodal.js"></script>

<script type="text/javascript" src="/assets/js/lib/distpicker.data.js"></script>
<script type="text/javascript" src="/assets/js/lib/distpicker.js"></script>
<script type="text/javascript" src="/assets/js/lib/jquery.pagination.js"></script>

<script type="text/javascript" src="/assets/js/lib/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="/assets/js/common.js"></script>
<script type="text/javascript" src="/assets/js/communal/template.js"></script>

<script type="text/javascript" src="/assets/js/client_manage.js"></script>
</html>